import React, { Component } from 'react'
import {
    DesktopOutlined,
    PieChartOutlined,
    TeamOutlined,
    UserOutlined,
} from '@ant-design/icons';
import {Menu } from 'antd';
const { SubMenu } = Menu;

export default class TheSidebar extends Component {
    render() {
        return (
            <Menu theme="dark" defaultSelectedKeys={['1']} mode="inline">
                <Menu.Item key="1" icon={<PieChartOutlined />}>
                    首页
                </Menu.Item>
                <Menu.Item key="2" icon={<DesktopOutlined />}>
                    用户管理
                </Menu.Item>
                <Menu.Item key="3" icon={<DesktopOutlined />}>
                    角色管理
                </Menu.Item>
                <SubMenu key="sub1" icon={<UserOutlined />} title="商品管理">
                    <Menu.Item key="4">品种管理</Menu.Item>
                    <Menu.Item key="5">商品列表</Menu.Item>
                </SubMenu>
                <SubMenu key="sub2" icon={<TeamOutlined />} title="信息统计">
                    <Menu.Item key="6">柱状图</Menu.Item>
                    <Menu.Item key="7">折线图</Menu.Item>
                    <Menu.Item key="8">饼状图</Menu.Item>
                </SubMenu>
            </Menu>
        )
    }
}
